<template>
    <div class="ask-city-panel__recommend-box">
        <div class="ask-city-panel__recommend-title">快捷功能:</div>
        <ul class="ask-city-panel__recommend-list">
            <li class="ask-city-panel__recommend-item"
                :class="{active: value === '-1'}"
                @click="handleItemActive({code: '-1', name: '全部'})">
                <span>全部</span>
            </li>
        </ul>
    </div>
</template>
<script lang="ts">
import {
    Component,
    Vue
} from "vue-property-decorator";

@Component({
    name: "RecommendPanel"
})
export default class RecommendPanel extends Vue {
    handleItemActive(item: any) {
        this.$emit("item-active", "province", item);
    }
}
</script>
